@import '@/common/css/variables.less';
/* 积分签到 */
.page-sign {
	padding-top: 66rpx; background: url(https://static.newbeaconhotels.com/app/hotel/integral/bg.jpg) no-repeat center top;background-size: 100%;
	.box-shadow{border-radius: 20rpx;}
	.sign {
		padding: 30rpx 0;margin: 0 auto;
		.part1 {
			padding: 0 20rpx 20rpx 40rpx;
			.l {
				.font11 {color: #ff7070;padding-top: 10rpx;}
			}
			.r {width: 130rpx;height: 40rpx;line-height: 40rpx;font-size: 24rpx; text-align: center;color: #ff3c37;border-radius: 20rpx;border: solid 2rpx #ff3c37;}
		}
		.btn {width: 200rpx;height: 60rpx;line-height: 60rpx;margin: 40rpx auto 0;font-size: 26rpx;color: #fff; text-align: center;background-image: linear-gradient(90deg,#ff7357 0%,#ff3c37 100%);box-shadow: 0px 5rpx 20rpx 0px rgba(255, 34, 27, 0.25);border-radius: 30rpx;}
	}

	.rules {
		padding: 30rpx;
		.title {margin-bottom: 30rpx;}
		.rule {
			width: 314rpx;height: 126rpx;position: relative;background-color: #E5E5E5;
		}
		.rule:nth-child(2n){
			.tit{background-color: #ff3c37;}
		}
	}
}
/* 规则弹窗 */
.popup-rule{
	width: 560rpx;padding: 40rpx; border-radius: 20rpx;background: #fff;position: relative;
	.btn-long{width: 300rpx;line-height: 70rpx;text-align: center;border-radius: 54rpx;color: #fff;font-size: 28rpx;margin: 50rpx auto 0;background-color: @theme-color;}
	.content{max-height: 700rpx;overflow: hidden; font-size: 28rpx;line-height: 54rpx;padding-top: 60rpx;}
}

/* 积分明细 */
.page-growth {
	padding-bottom: 0;
	.growth-total {
		height: 80rpx;padding: 0 36rpx;
		.font20 {padding-left: 10rpx;}
	}
	.growth-list{
		padding-top: 20rpx;
		.growth-item {
			width: 678rpx;padding: 24rpx 30rpx;margin: 0 auto 20rpx;
			.p2 {color: #c8c8c8;padding-top: 18rpx;}
		}
	}
}
